// 全局公共样式变量

// 暗黑主题
:root[theme="dark"] {
  --bg: #fff; 
  --header-height: 40px;
  --aside-width: 300px;
  --drag-line-color: #4e4e4e;
  --aside-bg-color: #181818;
  --main-bg-color: #2b2b2b;
  --main-width: calc(100% - var(--aside-width));
  --main-height: calc(100% - var(--header-height));
  --text-color: #fff;
  --header-btn-border: transparent;
  --menu-bg-hover: #49494e;
  --menu-bg-choose: #49494e;
  --popconfirm-bg: #363636;
  --bread-close: #7E7E7E;
  --scroll-bg-color: #5b5b5f;
  --scroll-bg-hover-color: rgb(148, 148, 163, .8);
  --bread-active-bg-color: #2b2b2b; // 面包屑选中的背景色
  --bread-active-border-color: transparent; // 面包屑选中的边框色
  --bread-bg-color: #181818; // 面包屑背景色
}

// 高亮主题
:root[theme="light"] {
  --bg: #fff; // 全局背景颜色
  --header-height: 40px;
  --aside-width: 300px;
  --drag-line-color: #ccc;
  --aside-bg-color: #fff;
  --main-bg-color: #fff; // main背景颜色
  --main-width: calc(100% - var(--aside-width));
  --main-height: calc(100% - var(--header-height));
  --text-color: #000; // 文字颜色
  --header-btn-border: #0078D4; // 头部按钮划过边框颜色
  --menu-bg-hover: rgb(5, 131, 228, .5); // 菜单鼠标滑过背景颜色
  --menu-bg-choose: rgb(5, 131, 228, .5); // 菜单鼠标点击背景颜色
  --popconfirm-bg: #fff; // 退出登录对话框
  --bread-close: #0583e4; // 面包屑关闭按钮
  --scroll-bg-color: #188ee9; // 滚动条滑块背景色
  --scroll-bg-hover-color: #81aeee; // 滚动条滑块鼠标放上背景色
  --bread-active-bg-color: rgb(5, 131, 228, .5); // 面包屑选中的背景色
  --bread-active-border-color: #0078D4; // 面包屑选中的边框色
  --bread-bg-color: #fff; // 面包屑背景色
}